//思路:
//1.看官方文档 把echarts加入项目 
//如何在react获取dom =》useRef
//在什么地方获取dom结点=》useEffect
//2.不抽离定制化参数 先把最小化demo跑起来
//3.按照需求 哪些参数需要自定义 抽象出来

import Bar from "@/component/Bar/inidex"

const Home = () => {
  return (
    <div>
      {/* 渲染bar组件 */}
      <Bar title='主流框架使用满意度'
        xData={['React', 'vue', 'angular']}
        yData={[30, 40, 50]}
        style={{ width: '500px', height: '400px' }}
      />
      <Bar title='主流框架使用满意度2'
        xData={['React', 'vue', 'angular']}
        yData={[60, 70, 80]}
        style={{ width: '400px', height: '300px' }}
      />
    </div>
  )
}
export default Home